h1,h2,h3,h4,h5,h6 {color:#000000;font-family:'Lato',sans-serif;font-weight:bold;margin-top:0;}
h1 {font-size:40px;line-height:45px;margin-bottom:15px;}
h2 {font-size:32px;line-height:40px;margin-bottom:15px;}
h3 {font-size:28px;line-height:36px;margin-bottom:15px;}
h4 {font-size:22px;line-height:28px;margin-bottom:15px;}
h5 {font-size:18px;line-height:24px;margin-bottom:15px;text-align:left;}
h6 {font-size:13px;line-height:20px;margin-bottom:15px;}
img {border-radius:8px;}
p,span {color:#444;font-family:'Lato',sans-serif;font-size:13px;line-height:23px;}
p,span {margin-bottom:15px;}
p span {margin:0;color:#000;}
p a {color:#000;margin:0;padding:0;}
p a,p a:visited {line-height:inherit;display:initial;}
a {color:#000000;font-family:'Lato',sans-serif;font-size:13px;display:inline-block;}
a,a:hover {text-decoration:none;}
a,a:visited,a:focus {color:#000000;outline:0;text-decoration:none;}
a:hover {color:#888888;text-decoration:none;}
b,p strong a {display:initial;}
::selection {color:#fff;background-color:#000;}
::-moz-selection {color:#fff;background-color:#000;}
.pd_160 {padding-bottom:160px;padding-top:160px;}
@media only screen and (max-width:568px) {h1 {font-size:30px;line-height:35px;margin-bottom:15px;}
h2 {font-size:26px;line-height:30px;margin-bottom:15px;}
h3 {font-size:24px;line-height:27px;margin-bottom:15px;}
h4 {font-size:22px;line-height:28px;margin-bottom:15px;letter-spacing:3px;}
h5 {font-size:18px;line-height:24px;margin-bottom:15px;}
h6 {font-size:13px;line-height:20px;margin-bottom:15px;}
}
html {margin:0!important;}
body,html {width:100%;background:#fff;}
ul,ol {list-style-type:none;margin-left:0;padding-left:0;}
ul li {padding:4px 0px;font-size:13px;letter-spacing:1px;}
ul li a {letter-spacing:1px;}
ol li {display:inline-block;padding:6px 6px;font-size:13px;letter-spacing:1px;}
ol li a {letter-spacing:1px;}
ol li:first-child {padding-left:0;}
li p {line-height:21px;}
:focus {outline:0 none;}
.clearfix:after {content:"";display:table;clear:both}
.square {list-style-type:square;}
.circle {list-style-type:disc;}
.disc {list-style-type:decimal;}
.circle,.disc,.square {display:block;}
.circle li,.disc li,.square li {display:list-item;}
.btn-style1 a {border:1px solid #eee;color:#000;border-radius:30px;padding:10px 50px;}
.btn-style1 a:after {height:0;background:#ff6a00;border-radius:30px;}
.btn-style1 a:hover {background:#ff6a00;color:#fff;border-radius:30px;}
.btn-style1 a:hover:after {height:100%;}
.col-sm-7.text-right .btn-small,.col-sm-7.text-right .btn-medium,.col-sm-7.text-right .btn-large {margin-right:8px;}
@media only screen and (max-width:568px) {.btn-medium a {padding:5px 15px;}
}
img {max-width:100%;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
.pagination {display:block;}
.pages {text-align:center;margin:30px 0;}
.pages b,.pages a {background:#fff;padding:0 20px;display:inline-block;max-height:40px;line-height:40px;border-radius:2px;border:1px #ddd solid;margin:0 2px}
.pages a:hover {background:#ff6a00;color:#fff;border-color:#bd4f00}
.pages b {background:#ff6a00;color:#fff;border-color:#bd4f00}
.pages a b {background:none;padding:0 20px;color:#333;display:inline-block;border:0;}
.pages a b:hover {color:#fff}
[data-backgroundimage] {background-size:cover;background-position:center center;}
.alert {padding:10px 15px;border-radius:0;}
.preview {display:block;}
.preview > img,.video-frame img {width:100%;}
[class*="col-sm"],[class*="col-md"] {margin-bottom:30px;}
a[data-backgroundimage] {width:100%;}
.d-line {width:50px;height:3px;background:#9e9e9e;display:inline-block;position:relative;}
.d-line:before {content:"";position:absolute;width:12px;height:12px;background:#ff6a00;left:0;top:-4px;}
.d-center:before{left:50%;margin-left:-6px;}
.page-footer {padding:15px 0;text-align:center}
a,a:visited,a:after,a:before,button,ul li,ul li a,ol li,ol li a,li:after,.li:before,h1,h2,h3,h4,h5,h6,button,input,textarea,button:after,button:before,.manu-wrapper ul li ul,.manu-wrapper ul li a .fa,.cover-box>.cover-inner a:after,.manu-wrapper,.right-arrow:after,.mobile-nav-button .icon,.mobile-nav-button .icon:after,.mobile-nav-button .icon:before,.caption,.tittle-info,.caption-wrapper,.tittle-info,.caption-wrapper:before,.image-wrapp,.image-wrapper,.caption-wrapper:after,.project,.project:before,.cloned .project:after,.ex-info-box,.project:after,.owl-prev,.owl-next,.disable:after,.item:after,.masonry,.grid,.wide,.bg-image,.owl-nav>div:before,.do-item,.social-lnk,.do-item:after,.social-link-wrapper,.tittle-info:before {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
@media only screen and (max-width:1024px) {.manu-wrapper ul li ul,.manu-wrapper ul li ul li ul {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
}
@keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@-webkit-keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@-moz-keyframes pop {0% {transform:scale(1,1);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1,1);}
}
@keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-webkit-keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-moz-keyframes pop2 {0% {transform:scale(1.2,1.2);}
50% {transform:scale(1.1,1.1);}
100% {transform:scale(1.2,1.2);}
}
@-webkit-keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes imgeffect {0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes mfploader {0% {opacity:1;}
50% {opacity:0;}
}
@-moz-keyframes mfploader {0% {opacity:1;}
50% {opacity:0;}
}
@keyframes load {0% {opacity:1;}
50% {opacity:0;}
}
@-webkit-keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@-moz-keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@keyframes fall {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:0px 24px 0px #444;}
}
@-webkit-keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@-moz-keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@keyframes load {0% {-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
100% {-webkit-transform:scale(3,1);-ms-transform:scale(3,1);transform:scale(3,1);}
}
@-webkit-keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
@-moz-keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
@keyframes fall2 {0% {text-shadow:0px 0px 0px #444;}
50% {text-shadow:-10px -20px 0px transparent;}
}
.page-header {background:#fff;margin:0;padding:0 35px;border-bottom:1px solid #f3f3f3;width:100%;z-index:9999999;padding-bottom:0;top:0;left:0;}
.header-out {top:-76px;}
.logo-wrapper {float:left;display:inline-block;line-height:75px;}
.logo-wrapper img {max-height:42px;}
.manu-wrapper {float:right;display:inline-block;}
.manu-wrapper ul {display:inline-block;margin-bottom:0;padding:0;margin:0;}
.manu-wrapper ul li {display:inline-block;padding:0;margin:0 10px;position:relative;}
.manu-wrapper ul li a .fa {position:absolute;top:25px;right:3px;display:none;}
.manu-wrapper ul li ul {position:absolute;background-color:#fff;left:50%;top:100%;padding:0;margin:0;width:300px;margin-left:-150px;visibility:hidden;opacity:0;z-index:999; border-top:1px solid #f4f4f4; border-left: 1px solid #f4f4f4;}
.manu-wrapper ul li ul li {padding:0;margin:0;display:block;position:relative;width: 50%;float: left;font-size: 16px; border-bottom:1px solid #f4f4f4; border-right: 1px solid #f4f4f4; text-align: center;}
.manu-wrapper ul li ul li a {line-height:inherit;display:block;padding:5px 0px;color:#000;}
.manu-wrapper ul li ul li a:hover {background:#f8f8f8;}
.manu-wrapper ul li ul li ul {position:absolute;top:0;left:100%;margin-left:0;visibility:hidden;opacity:0;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {top:0%;left:auto;}
.manu-wrapper > ul > li:last-child>ul {left:0;}
.manu-wrapper ul li:hover>ul {z-index:9999;visibility:visible;opacity:1;}
.manu-wrapper ul li:hover>ul>li>a {padding:13px 28px;}
.manu-wrapper>ul>li>ul li.active>a {text-shadow:0px 0px 0px #000;}
.manu-wrapper>ul>li>ul li:hover>a {text-shadow:0px 0px 0px #000;}
.right-arrow:after {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:8px;}
.arrow-plus:after {content:"\f196";}
.arrow-minus:after {content:"\f147";}
.right-arrow:after {content:"\f105";right:0px;opacity:0;top:16px;z-index:99;font-size:14px;position:absolute;}
.manu-wrapper ul li:hover>ul>li.right-arrow:after {right:9px;opacity:1;}
.manu-wrapper ul li a {display:inline-block;padding:0 18px;line-height:75px;color:#000;font-family:'Lato',sans-serif;letter-spacing:1px;font-size:18px;position:relative;z-index:11;}
.mobile-nav-button {width:40px;height:40px;display:block;right:30px;top:20px;position:absolute;display:none;}
.mobile-nav-button .icon {position:relative;height:2px;display:block;margin-top:20px;width:40px;background:#000;}
.mobile-nav-button .icon:before,.mobile-nav-button .icon:after {position:absolute;content:"";width:100%;background:#000;height:2px;}
.mobile-nav-button .icon:before {top:-10px;}
.mobile-nav-button .icon:after {bottom:-10px;}
.close-btn {position:fixed;}
.close-btn .icon {background:transparent;}
.close-btn .icon:after {-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);transform:rotate(42deg);bottom:0;}
.close-btn .icon:before {-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);transform:rotate(-42deg);top:0;}
/*== Responsive Menu ==*/@media only screen and (min-width:1300px) {.page-header {padding:0 70px;}
}
@media only screen and (min-width:991px) and (max-width:1300px) {.page-header {padding:0 40px;}
}
@media only screen and (min-width:1025px) {.manu-wrapper ul li ul {display:block!important;}
.manu-wrapper ul li:last-child a {padding-right:0;}
.manu-wrapper>ul>li:after {content:"";position:absolute;height:10px;border:2px solid;width:90%;opacity:0;left:5%;border-top:none;bottom:18px;z-index:1;color:#ff6a00;}
.manu-wrapper>ul>li:last-child:after,.manu-wrapper>ul>li:last-child.active:after {width:100%;left:8px;}
.manu-wrapper ul li:hover:after,.manu-wrapper ul li.active:after {opacity:1;bottom:22px;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {right:100%;}
}
@media only screen and (max-width:1024px) {.manu-wrapper {float:none;right:-100%;position:fixed;display:inline-block;background:#fff;overflow-x:hidden;overflow-y:auto;padding-top:50px;padding-bottom:50px;height:100%;width:100%;z-index:99999;}
.mobile-nav-button {display:block;z-index:999999;}
.open-menu {right:0;}
.manu-wrapper ul {display:block;}
.manu-wrapper ul li {display:block;text-align:center;}
.manu-wrapper ul>li>a {line-height:54px;}
.manu-wrapper ul li a {display:block;}
.manu-wrapper ul li ul,.manu-wrapper ul li ul li ul {position:relative;visibility:visible;opacity:1;text-align:center;background:#f3f3f3;width:100%;margin-left:0;left:0;}
.manu-wrapper ul li ul li ul {background:#e4e4e4;}
.manu-wrapper ul li ul li a {text-align:center;}
}
@media only screen and (max-width:480px) {.page-header {padding:0 20px;}
.manu-wrapper {width:100%;right:-100%;}
.open-menu {right:0;}
.logo-wrapper {line-height:48px;}
.mobile-nav-button .icon:after {bottom:-8px;}
.mobile-nav-button .icon:before {top:-8px;}
.mobile-nav-button .icon {width:30px;margin-top:14px;margin-left:5px;}
.mobile-nav-button {width:40px;height:30px;right:15px;top:10px;}
.close-btn .icon:before {top:0;}
.close-btn .icon:after {bottom:-1px}
}
.main-wrapper {width:100%;left:0;top:0;min-height:100vh;background:#fff;position:relative;overflow:hidden;z-index:999;}
.main-wrapper:before,.main-wrapper:after {content:"";clear:both;display:table;}
.main-container {background:#fff;width:100%;left:0;top:0;}
/* ============= MASONRY ================ */
.masonry-wrapper {overflow:hidden;}
.masonry {overflow:hidden;}
.masonry .item .item-inner-wrapper {position:relative;font-size:0;}
.masonry .item .item-inner-wrapper>a,.masonry .item .item-inner-wrapper .project {position:absolute;width:100%;height:100%;overflow:hidden;display:inline-block;left:0;top:0;}
.masonry .item .image-wrapper {position:absolute;width:100%;height:100%;}
.masonry[data-items-height="auto"] .item .item-inner-wrapper>a,.masonry[data-items-height="auto"] .item .item-inner-wrapper .project {position:relative;}
.masonry[data-items-height="auto"] .item .item-inner-wrapper .project img {width:100%;}
@media only screen and (max-width:767px) {.masonry .item {width:100%!important;}
}
.filter ~ .horizontal .item:after,.filter ~ .masonry-wrapper .masonry .item:after,.filter ~ .grid-wrapper .grid .item:after,.filter ~ .wide-wrapper .item:after {content:"";position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;opacity:0;visibility:hidden;background:rgba(255,255,255,.8);border-radius:1px;}
.filter,.isotope-filter {display:block;padding:10px 0px 10px 0px;}
.filter ul,.isotope-filter ul {margin-bottom:0;padding:10px 0 0 0;margin:0;text-align:center;}
.filter ul li,.isotope-filter ul li {display:inline-block;margin:10px 15px;}
.filter ul li a,.isotope-filter ul li a {font-size:13px;display:inline-block;text-transform:uppercase;}
.filter ul li a.active,.filter ul li a:hover,.isotope-filter ul li a.active,.isotope-filter ul li a:hover {text-shadow:0 1px 1px #000;color:#000;}
/* ========== Portfolio Style One =========== */
.portfolio-one .item .project {position:absolute;width:100%;height:100%;display:inline-block;left:0;top:0;}
.portfolio-one .project .caption-wrapper {position:absolute;z-index:1;width:100%;opacity:1;left:0;top:0;height:100%;text-align:center;}
.portfolio-one .project .caption-wrapper:after {content:"";position:absolute;background-color:rgba(255,255,255,.9);z-index:-1;width:calc(100% - 20px);height:calc(100% - 20px);left:0;top:0;text-align:center;opacity:0;}
.portfolio-one .project:hover .caption-wrapper:after {top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);opacity:1;}
.portfolio-one .project .tittle-info {position:absolute;top:50%;padding:30px;opacity:0;-webkit-transform:translateY(-50%) scale(.9,.9);-moz-transform:translateY(-50%) scale(.9,.9);transform:translateY(-50%) scale(.9,.9);width:100%;}
.portfolio-one .project:hover .caption-wrapper .tittle-info {opacity:1;-webkit-transform:translateY(-50%) scale(1,1);-moz-transform:translateY(-50%) scale(1,1);transform:translateY(-50%) scale(1,1);}
.portfolio-one .project .tittle-info a,.portfolio-one .item .item-inner-wrapper a {position:relative;}
.portfolio-one .project .tittle-info h4 {margin-top:0;margin-bottom:5px;line-height:24px;font-size:16px;display:inline-block;}
.portfolio-one .project .tittle-info h4:hover {text-shadow:0px 0px 0px #000;}
.portfolio-one .project .tittle-info>a {display:inline-block;width:auto;}
.masonry.portfolio-one .project .tittle-info h4 {margin-bottom:3px;}
.grid.portfolio-one .project .tittle-info h4 {margin-bottom:3px;font-size:15px;}
.wide.portfolio-one .project .tittle-info p>a {margin:0 8px;}
.wide.portfolio-one .project .caption-wrapper:after {width:calc(100% - 40px);height:calc(100% - 40px);}
.wide.portfolio-one .project:hover .caption-wrapper:after {top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);opacity:1;}
.wide.portfolio-one .project .tittle-info h4 {margin-top:0;margin-bottom:8px;font-size:18px;}
@media only screen and (min-width:1500px) {.masonry.portfolio-one .project .tittle-info h4,.masonry.portfolio-two .project .tittle-info h4,.grid.portfolio-one .project .tittle-info h4,.grid.portfolio-two .project .tittle-info h4 {font-size:18px;margin-bottom:8px;}
.masonry.portfolio-one .item .project .tittle-info .category>a,.masonry.portfolio-two .item .project .tittle-info .category>a,.grid.portfolio-one .item .project .tittle-info .category>a,.grid.portfolio-two .item .project .tittle-info .category>a {margin:0;margin-left:18px;font-size:12px;}
}
@media only screen and (min-width:768px) and (max-width:991px) {.masonry.portfolio-one .project .tittle-info h4,.masonry.portfolio-two .project .tittle-info h4 {font-size:13px;margin-bottom:0;}
.masonry.portfolio-one .item .project .tittle-info .category>a,.masonry.portfolio-two .item .project .tittle-info .category>a {margin:0;margin-left:10px;font-size:10px;}
.masonry.portfolio-one .item .project .tittle-info .category > a:first-child,.masonry.portfolio-two .item .project .tittle-info .category > a:first-child {margin-left:0;}
.masonry.portfolio-one .item .project .tittle-info .category>a:after,.masonry.portfolio-two .item .project .tittle-info .category>a:after {right:-6px;}
.masonry.portfolio-one .project .tittle-info h4,.masonry.portfolio-two .project .tittle-info h4 {font-size:13px;margin-bottom:0;line-height:18px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {.portfolio-one .project .tittle-info .category > a,.portfolio-two .project .tittle-info .category > a {font-size:10px;margin-left:12px;}
.portfolio-one .project .tittle-info .category>a:after,.portfolio-two .project .tittle-info .category>a:after {right:-7px;}
.grid.portfolio-one .project .tittle-info h4,.grid.portfolio-two .project .tittle-info h4 {margin-bottom:0px;}
}
@media only screen and (max-width:891px) {.grid.portfolio-one .project .tittle-info h4,.grid.portfolio-two .project .tittle-info h4 {font-size:17px;}
}
@media only screen and (max-width:767px) {form.subscribe input[type="text"] {margin-bottom:20px;}
.form.subscribe input[type="submit"] {margin:auto;margin-top:15px;display:block;}
.response > div {width:100%;}
}
@media only screen and (max-width:480px) {form.subscribe {text-align:center;}
.response>div {font-size:11px;width:100%;}
}
.page-content-wrapper {overflow-x:hidden;display:block;background-size:cover;background-position-x:center;}
.page-content-wrapper p {max-width:750px;margin-left:auto;margin-right:auto;}
.page-content-wrapper> [class*="col-sm"] {margin-bottom:0;}
.transparent-bg-5 {background:rgba(0,0,0,.5);position:relative;height:100%;}
.fixed {position:fixed;}
.absolute {position:absolute;}
.relative {position:relative;}
.fixed-header {margin-top:76px;}
@media only screen and (min-width:1800px) {.short-width {padding:0 180px;}
}
@media only screen and (min-width:1300px) {.short-width {padding:0 80px;}
}
@media only screen and (min-width:720px) and (max-width:1300px) {.short-width {padding:0 60px;}
}
@media only screen and (max-width:480px) {.fixed-header {margin-top:60px;}
.main-container.fullscreen-height,.fullscreen-height {height:calc(100vh - 98px);}
}
.m0 {margin:0;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}
.m60 {margin:60px;}
.m70 {margin:70px;}
.m80 {margin:80px;}
.m90 {margin:90px;}
.m100 {margin:100px;}
.m110 {margin:110px;}
.m120 {margin:120px;}
.m130 {margin:130px;}
.m140 {margin:140px;}
.m150 {margin:150px;}
.m160 {margin:160px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {padding-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:0px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:20px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.p0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.p60 {padding:60px;}
.p70 {padding:70px;}
.p80 {padding:80px;}
.p90 {padding:90px;}
.p100 {padding:100px;}
.p110 {padding:110px;}
.p120 {padding:120px;}
.p130 {padding:130px;}
.p140 {padding:140px;}
.p150 {padding:150px;}
.p160 {padding:160px;}
.pl0 {padding-left:0px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pl110 {padding-left:110px;}
.pl120 {padding-left:120px;}
.pl130 {padding-left:130px;}
.pl140 {padding-left:140px;}
.pl150 {padding-left:150px;}
.pl160 {padding-left:160px;}
@media only screen and (max-width:580px) {.pl100,.pl90,.pl80 {padding-left:40px!important;}
}
.pr0 {padding-right:0px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pr110 {padding-right:110px;}
.pr120 {padding-right:120px;}
.pr130 {padding-right:130px;}
.pr140 {padding-right:140px;}
.pr150 {padding-right:150px;}
.pr160 {padding-right:160px;}
@media only screen and (max-width:580px) {.pr100,.pr90,.pr80 {padding-right:40px!important;}
}
.pt0 {padding-top:0px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:0px;}
.pt80 {padding-top:20px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}
.pb0 {padding-bottom:0px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:0px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.overlay {position:absolute;bottom:-16px;left:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);transition:all .25s;width:100%;padding:16px;opacity:0;z-index:0;border-radius:8px;color:#fff}
.project:hover .overlay {bottom:0;opacity:1;color:#fff}
.overlay a {color:#fff;text-decoration:none;padding:2px 5px;border-radius:2px}
.overlay a:hover {color:#fff;text-decoration:none;background-color:hsla(0,0%,100%,0.2)}
.overlay2 {position:absolute;bottom:0px;color:#fff;left:0;font-size:x-large;text-align:center;background:rgba(0,0,0,0);transition:all .25s;width:100%;height:100%;opacity:1;z-index:0;text-shadow:0 2px 3px rgb(0,0,0,0.8);border-radius:8px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:grid;}
.overlay2 a {color:#fff;padding:2px 5px;border-radius:2px;}
.overlay2:hover {background:rgba(0,0,0,0.5);transition:all .25s;color:#fff}
.list_pd {border-right:0 !important;padding:8px!important;}
.list_pd img {width:100% !important;}
.list_h3 {padding-top:40px;padding-bottom:20px;text-align:center}
.font18 p {font-size:16px;line-height:30px}
.list_h1 {padding:20px 20px 0 20px;text-align:center;font-size:22px;}
.list_h1 h1 {font-size:28px;line-height:36px;margin-bottom:15px;}
.list_h1 p {font-size:14px;}
.list_h1 strong {font-weight:600}
@media only screen and (max-width:1500px) {.overlay2 {font-size:20px;text-shadow:0 2px 3px rgb(0,0,0,0.8);}
.overlay {width:100%;margin:0;}
}
.width-800 {width:100%;max-width:800px;margin:0 auto}
.show-bg {background:#27245d;background-size:150% 150%;}
.bg_filter {}
.tupian_box {margin:10px 0;}
.tupian_content {width:100%;max-width:800px;margin:0 auto;line-height:40px;padding:10px 0 20px 0;}
.tupian_content h1 {font-size:30px;margin-bottom: 0;line-height: 35px;}
.tupian_ly {color: #666;}
.tupian_ly span{padding:0 6px}
.tupian_miaoshu {line-height:26px; font-size: 16px;}
.tupian_info {margin:15px 0;}
.tupian_info p {padding:0;line-height:30px;}
.tag a {background:#ddd;padding:2px 5px;border-radius:3px;}
.tag a:hover {background:#ff6a00;padding:2px 5px;border-radius:3px; color:#fff}
.index_h1 {text-align:center;font-size:35px;color:#fff;line-height:40px}
.index_p {color:#f1f1f1;font-size:20px;margin-top:30px;margin-bottom:30px}
@media only screen and (max-width:720px) {.overlay2 {font-size:20px;text-shadow:0 2px 3px rgb(0,0,0,0.8);}
.portfolio-one .project .tittle-info a,.portfolio-one .item .item-inner-wrapper a {position:relative;width:90%;margin:1% 5%;}
.portfolio-one .project .tittle-info a,.portfolio-one .item .item-inner-wrapper a:hover {position:relative;width:90%;margin:1% 5%;}
.tupian_content {width:90%;margin:10px 5%;line-height:30px;padding:10px 0;}
.overlay a {color:#fff;text-decoration:none;padding:2px 5px;border-radius:2px;display:inline;margin:0 !important;}
.overlay {bottom:0;opacity:1;color:#fff;}
.fenlei_nav {padding:0 5px;text-align:left;}
.fenlei_nav li a {font-size:16px;}
form.subscribe input[type="text"] {max-width:90%;}
}
.fenlei_nav {margin-bottom:30px;text-align:center;}
.fenlei_nav span {font-size:18px;display:block;padding:3px 8px;margin:0;color:#999}
.fenlei_nav li {display:inline-block;font-size:18px;}
.fenlei_nav li a {font-size:18px;display:block;padding:3px 10px;}
.fenlei_nav li a:hover {background:#ff6a00;color:#fff;border-radius:5px;}
.fenlei_nav a.active {background:#ff6a00;color:#fff;border-radius:5px;}
.tupian_txt {margin-bottom:10px;}
/*Plugin CSS*/
.str_wrap {overflow:hidden;//zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;background:#f8f8f8;white-space:nowrap;height: 200px; border-radius: 8px;}
.str_wrap.str_active {background:#f1f1f1;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone {display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move {cursor:inherit;}
.str_wrap_box { padding:50px}
.str_wrap_box .str_wrap_li { margin-left:20px; margin-bottom:20px; float:left; padding:5px; background:#fff; box-shadow: 0 0 4px rgb(0 0 0 / 10%); border-radius:30px; overflow: hidden;}
.str_wrap_box .str_wrap_li .str_wrap_img{float:left;}
.str_wrap_box .str_wrap_li span{ font-size:16px; color:#999} 
.str_wrap_box .str_wrap_li a{ font-size:16px; color:#337ab7; display:compact;} 
.str_wrap_box .str_wrap_li .str_wrap_img img{height:40px; width:40px; border-radius:40px; float:left;}
.str_wrap_box .str_wrap_li .str_wrap_tit{  margin-left:10px; font-size:18px; line-height:40px;font-size:16px; float:left; padding-right:10px;}
@media only screen and (max-width : 720px) {.str_wrap_box { padding:20px}.str_wrap_box .str_wrap_li {width:100%;float:left; margin-left:0px; }}
/* ======== 404 PAGE =============*/
.fullscreen-height {height: calc(100vh - 113px);}
.vp-center-outter{display: table;height: 100%;width:100%;}
.vp-center-inner {display: table-cell;vertical-align: middle;}
.transparent-bg-9{background:rgba(255,255,255,0.3);position:relative;height:100%;}
.vp-center-inner {display: table-cell;vertical-align: middle;}
h1.fourty-four-tittle{font-size: 280px;color: #000;line-height: 290px;}
@media only screen and (max-width :767px) {
h1.fourty-four-tittle {font-size:150px; line-height:150px;}
}
/* ======== sosou =============*/
.sou_box {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.sou_input {
    height: 42px;
    width: 75%;
    padding: 0 10px;
    border: 0;
    background: #f4f4f4;
    float: left;
}
.sou_bnt {
    height: 42px;
    background: #ff6a00;
    width: 25%;
    border: 0;
    float: left;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
a.donw_a_bnt {
    background:#ff6a00;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 18px;
	color: #fff;
}
a.donw_a_bnt:hover {
    background:#000;
}
.bg_f4{ background:#f4f4f4}
.peise_box {
    max-width: 720px;
    margin: 50px auto;
}
.peise_box h1 {
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
}
.peise_info {
    background: #fff;
    padding: 35px;
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.peise_info h2 {
    font-size: 26px;
    color: #333;
}
.peise_info p {
    color: #666;
    font-size: 16px;
}
.peise_info span {
    color: #999;
    font-size: 16px;
}
.peise_info b {
    font-size: 18px;
    font-weight: 600;
}
.peise_img {

    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.peise_img img {
    width: 100%;
}